body{
    background-color: black;
}

#banner h1{
    /* position: absolute; */
    top: 0;
    justify-content: center;
    align-content: center;
    align-items: center;
    display: flex;
    color: bisque;
    text-align: center;
}

#right-top{
    position: absolute;
    right: 1%;
    top: 10%;
    width: 48%;
    height: 45%;
    justify-content: center;
    align-content: center;
    align-items: center;
    display: flex;
}

#left-top{
    position: absolute;
    left: 1%;
    top: 10%;
    width: 48%;
    height: 45%;
    justify-content: center;
    align-content: center;
    align-items: center;
    display: flex;
}

#right-bottom{
    position: absolute;
    right: 1%;
    top: 63%;
    width: 48%;
    height: 45%;
    justify-content: center;
    align-content: center;
    align-items: center;
    display: flex;
}

#left-bottom{
    position: absolute;
    left: 1%;
    top: 63%;
    width: 48%;
    height: 45%;
    justify-content: center;
    align-content: center;
    align-items: center;
    display: flex;
}
#center {
    position: absolute; 
    left: 5%; 
    top: 111%;
    width: 90%; 
    height: 50%; 
    justify-content: center; 
    align-content: center; 
    align-items: center; 
    display: flex; 
   }
#center-bottom {
    position: absolute;
    left: 5%;
    top: 162%;
    width: 90%;
    height: 50%;
    justify-content: center;
    align-content: center;
    align-items: center;
    display: flex;
}
#center-footer {
    position: absolute;
    left: 5%;
    top: 214%;
    width: 90%;
    height: 50%;
    justify-content: center;
    align-content: center;
    align-items: center;
    display: flex;
}
    